<template>
  <div class="homeContent">
    <div class="echarts">
      <TopView></TopView>
      <MiddleView></MiddleView>
      <BottomView></BottomView>
    </div>
  </div>
</template>

<script>
import TopView from "./components/TopView";
import MiddleView from "./components/MiddleView";
import BottomView from "./components/BottomView";
export default {
  name: "Dashboard",
  components: {
    TopView,
    MiddleView,
    BottomView
  },
  computed: {},
  mounted() {
    this.getEchartsData();
  },
  methods: {
    getEchartsData() {
      this.$store.dispatch("echarts/getEchartsData");
    }
  }
};
</script>

<style lang="scss" scoped>
.homeContent {
  padding: 20px;
  .echarts {
    background-color: #cccccc;
    padding: 20px;
  }
}
</style>
